<template>
	<view class="faceDeviceSet">
		<view class="form_list">
			<view class="form_item">
				<view class="item_title">商户UID</view>
				<view class="item_con">
					<input type="text" placeholder="请输入商户UID" />
				</view>
			</view>
			<view class="form_item">
				<view class="item_title">选择门店</view>
				<view class="item_con">
					<input type="text" />
				</view>
				<picker mode="selector">
					 <view class="item_size">
						<u-icon name="arrow-right" color="#cccccc" size="22"></u-icon>
					 </view>
				</picker>
			</view>
			<view class="form_item">
				<view class="item_title">市场命名</view>
				<view class="item_con">
					<input type="text" />
				</view>
				<picker mode="selector">
					 <view class="item_size">
						<u-icon name="arrow-right" color="#cccccc" size="22"></u-icon>
					 </view>
				</picker>
			</view>
			<view class="form_item">
				<view class="item_title">押金金额</view>
				<view class="item_con">
					<input type="text" placeholder="请输入商户UID" />
				</view>
			</view>
		</view>
		
		<view style="height: 110rpx;"></view>
		<view class="footer">
			<button type="primary">提交</button>
		</view>
	</view>
</template>

<script>
	import { shopinfo } from '../../api/index.js'
	export default {
		data() {
			return {
				
				storeArr:[]
				
			}
		},
		onLoad:function(data){
			
		},
		methods: {
			//选择门店
			storeSel:function(e){
				this.form1.curStore = this.storeArr[e.detail.value];
			},
			//获取门店列表
			getShopinfo:function(){
				shopinfo({
					uid:this.form1.uid
				}).then((res) => {
					console.log(res)
					if(res.code == 0){
						this.storeArr = res.data;
					}
				}).catch((e) => {
					console.log(e);
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.faceDeviceSet{
		position: relative;
		height: 100%;
		background-color: #F5F5F5;
		.form_list{
			padding: 0 30rpx;
			background-color: #FFFFFF;
			&:nth-child(1){
				border-top: 1rpx solid #E5E5E5;
			}
			.form_item{
				display: flex;
				padding: 30rpx 0;
				border-bottom: 1rpx solid #E5E5E5;
				&:nth-last-child(1){
					border: none;
				}
				.item_title{
					width: 25%;
					color: #999999;
				}
				.item_con{
					width: 70%;
					input{
						font-size: $uni-font-size-base;
					}
				}
				.item_size{
					width: 5%;
					text-align: right;
					image{
						width: 40rpx;
						height: 40rpx;
					}
				}
			}
		}
		.footer{
			position: fixed;
			bottom: 0;
			left: 0;
			right: 0;
			width: 100%;
			padding: 10rpx 30rpx 30rpx 30rpx;
			background-color: #FFFFFF;
			button{
				font-size: $uni-font-size-base;
			}
		}
	}
</style>
